<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>WWW</title>
  <style type="text/css">
    h1{
       font-size: 12px;
       color: #930;
       text-align: center;
    }
  </style>
</head>
<body background="../img/openbrowser.jpg"/>
<h1>XXXXXXXXXXXXXXXXXXXXXXX</h1>
<img SRC="../icon.png" width="150px" height="150px" border="50px" title="starter" alt="myfault"/>
<!--/*表格*/-->
<!--<table border="1">-->
<!--  <caption>前端三剑客</caption>-->
<!--  <tr>-->
<!--    <th>subject</th>-->
<!--    <th>difficulties</th>-->
<!--    <th>study</th>-->
<!--  </tr>-->
<!--  <tr>-->
<!--    <td>html</td>-->
<!--    <td>5</td>-->
<!--    <td>4day</td>-->
<!--  </tr>-->
<!--  <tr>-->
<!--    <td>css</td>-->
<!--    <td>5</td>-->
<!--    <td>4day</td>-->
<!--  </tr>-->
<!--  <tr>-->
<!--    <td>js</td>-->
<!--    <td>5</td>-->
<!--    <td>4day</td>-->
<!--  </tr>-->
<!--</table>-->
<!--/*表格*/-->
<!--<form>-->
<!--  <label for="username">用户名</label>-->
<!--  <input type="text" id="username" placeholder="请输入用户名">-->
<!--  <label for="password">密码</label>-->
<!--  <input type="text" id="password" placeholder="请输入密码">-->
<!--<br>-->
<!--  <input type="submit" value="提交">-->
<!--  <input type="reset" value="重置">-->
<!--</form>-->
<p id="demo">这是一段文字</p>
<script>
  function myfunction() {
   x=document.getElementById("demo");
   x.innerHTML="嘿嘿我变了";
  }
</script>
<button type="button" onclick="myfunction()">点击变换</button>
</body>
</html>
